<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>theme variables</title>
  <link rel="stylesheet" href="./style.css" type="text/css" />
  <body>
    <div class="t-orange">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>

    <div class="t-purple">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>

    <div class="t-tomato">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>

    <div class="t-navy">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>

    <div class="t-teal">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>

    <div class="t-gray">
      <div class="c-card">
        <h2 class="c-card__heading">A Heading</h2>

        <p>
          Macaroon jelly-o jelly-o caramels cupcake pastry sweet sweet roll.
          Croissant marshmallow toffee fruitcake oat cake. Cupcake chocolate bar
          toffee cake lollipop halvah toffee pudding.
        </p>
      </div>
    </div>
    <!-- <script src='./script.js' type='text/javascript'></script> -->
  </body>
</html>
